<%--
  Created by IntelliJ IDEA.
  User: Colorful
  Date: 2023/8/10
  Time: 11:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath }"/>
<html>
<head>
    <title>订单详情</title>
<link href="${path}/css/userDetail.css" rel="stylesheet" type="text/css">
</head>
<body>
<%--    订单详情--%>
<c:set var="orders" value="${sessionScope.orders}"/>
<div class="container">
    <c:choose>
        <c:when test="${empty orders}">
            <script>
                window.location='${path}/OrderUserServlet?prom=orderDetail';
            </script>
        </c:when>
        <c:otherwise>
            <div class="order-container">
                <div class="status-box finished">
                    <span class="over"></span>
                    <p class="title">
                        <c:if test="${orders.orders_status==1}">
                            已支付
                        </c:if>
                        <c:if test="${orders.orders_status==2}">
                            已取消
                        </c:if>
                        <c:if test="${orders.orders_status==3}">
                            待支付
                        </c:if>
                        <c:if test="${orders.orders_status==4}">
                            待取票
                        </c:if>
                    </p>
                    <p class="desc"></p>
                </div>
                <div class="order-note">
                    <span class="order-id">猫眼订单号:2416203867${orders.orders_id}</span>
                    <span class="contact">
                    （有订单问题可拨打猫眼客服电话<i>1010-5335</i>，工作时间: 9:00-24:00）
                </span>
                </div>
                <table class="order-table">
                    <thead>
                    <tr>
                        <th>影片</th>
                        <th>时间</th>
                        <th>影院</th>
                        <th>座位</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td class="movie-name">《${orders.movie_cn_name}》</td>
                        <td class="showtime">周日 7月30日 14:30</td>
                        <td class="cinema-name">${orders.cinema_name}</td>
                        <td class="cinema-name">${orders.seat}</td>
                    </tr>
                    </tbody>
                </table>
                <div class="order-bottom">
                    <div class="clearfix">
                        <div class="cinema-info">
                            <p class="name">
                                    ${orders.cinema_name}
                            </p>
                            <p class="address">
                                地址: ${orders.cinema_address}
                            </p>
                            <p class="phone">
                                电话: ${orders.cinema_phone}
                            </p>
                        </div>
                        <div class="price-box">
                            <span>总价:</span>
                            <span class="price">
                            ￥${orders.orders_price}
                        </span>
                        </div>
                    </div>
                </div>
            </div>
        </c:otherwise>
    </c:choose>
</div>
</body>
</html>
